/**
 * 按钮级权限控制
 */
// 导入store模块
import store from '@/store'

export default {
  // el使用了指令的元素
  // binding 使用了指令的元素和指令本身的属性对象
  inserted(el, binding) {
    console.log(binding)
    // 根据后端返回的按钮级别权限点(数组),判断是否需要展示对应的按钮

    // 获取到后端返回的按钮级别的权限点
    const points = store.state.user.userInfo.roles.points
    // 开始判断是否存在对应的权限点(以后是否展示对应的权限点是由指令的值来决定的)
    if (!points.includes(binding.value)) {
      // 如果不存在,就需要将对应的按钮移除
      // el.parentNode 获取父级元素
      // 父级元素.removeChild就能够获取对应节点
      el.parentNode.removeChild(el)
    }
  }
}
